/* 中间盒子 */
.box{
    padding: 100px;
    width: 100%;
    height: 400px;
    /* background-color: red; */
}

.tp{
    position: relative;
    top: 0;
    float: left;
    width: 20%;
    height: 280px;
    /* background-color: aquamarine; */
    margin-right: 50px;
    margin-left: 20px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.tp img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 3px 3px 2px 1px rgb(194, 194, 194);
}

.tp:hover{
    position: relative;
    top: -20px;
    transition: all 0.3s ease 0s;
}

/* 中间盒子end */

/* 盒子二 */
.box2{
    width: 100%;
    padding: 100px;
}

.big-box{
    position: relative;
    width: 80%;
    height: 600px;
    background: rgba(251, 248, 172, 0.3);
    margin: 0 auto;
    margin-bottom: 150px;
    border-radius: 15px;
    box-shadow: 0px 5px 23px 24px #bebebe;
}

.small-box,.small-box1,.small-box3{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 78%;
    height: 90%;
    background: url(../img/xhtb.jpg) no-repeat;
    background-size: cover;
    border-radius: 15px;
    overflow: hidden;
    /* z-index: 99; */
}
    
.small-box::before,.small-box1::before,.small-box3::before{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    content: " ";
    width: 100%;
    height: 100%;
    background: url(../img/xhtb.jpg);
    background-size: cover;
    filter: blur(8px);
}

.small-box p,.small-box1 p,.small-box2 p,.small-box3 p{
    position: relative;
    top: -500px;
    left: 40px;
    width: 90%;
    font-size: 24px;
    overflow: hidden;
    padding: 10px;
}

.small-box1::before{
    background: url(../img/hqsb.png) no-repeat;
    background-size: cover;
}

/* .small-box2::before{
    background: url(../img/tzgs.jpg) no-repeat;
    background-size: cover;
} */
.small-box3::before{
    background: url(../img/zrp.jpg) no-repeat;
    background-size: cover;
}

/* smallbox2 */
.big-box2{
    background: rgba(192, 192, 192, 0.3);
}

.small-box2{
    /* border: 1px solid #000; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 88%;
    height: 90%;
    border-radius: 15px;
    overflow: hidden;
}

.small-box2 .box-left{
    float: left;
    width: 50%;
    height: 100%;
    background: url(../img/tzgs.jpg) no-repeat;
    background-size: cover;
    border-radius: 15px;
}

.small-box2 .box-right{
    padding: 40px 0 40px 70px;
    float: right;
    width: 50%;
    height: 100%;
    /* background-color: red; */
}

.small-box2 .box-right span{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 24px;
}